<script setup lang="ts">
const menuStore = useMenuStore();
const refreshKey = ref(0);
watch(
  () => menuStore.refresh,
  () => {
    refreshKey.value++;
  }
);
</script>

<template>
  <div>
    <header class="flex h-[50px]">
      <AdminLayoutLogo />
      <AdminLayoutServe />
      <AdminLayoutUser />
    </header>
    <main class="flex h-[calc(100vh-50px)]">
      <AdminLayoutNav />
      <div class="h-full flex-1 p-[10px]">
        <slot :key="refreshKey" />
      </div>
    </main>
  </div>
</template>

<style lang="scss" scoped></style>
